var tl;

function onLoad() {
    var eventSource = new Timeline.DefaultEventSource();
    var bandInfos = [
        Timeline.createBandInfo({
            eventSource: eventSource,
            date: "September 01 2010 00:00:00 GMT",
            width: "70%", 
            intervalUnit: Timeline.DateTime.MONTH, 
            intervalPixels: 40
        }),
        Timeline.createBandInfo({
            eventSource: eventSource,
            date: "September 01 2010 00:00:00 GMT",
            width: "30%", 
            intervalUnit: Timeline.DateTime.YEAR, 
            intervalPixels: 80,
            overview: true
        })
    ];
    bandInfos[1].syncWith = 0;
    bandInfos[1].highlight = true;

    tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
    Timeline.loadJSON("json/timeline.json", function(json, url) { eventSource.loadJSON(json, url); });
}
